<script setup>
    import { useRouter } from "vue-router";
    const router=useRouter()
    const onClickLeft = ()=>{
        router.go(-1)
    }
</script>

<template>
    <div>
        <van-nav-bar title="我的优惠券" left-arrow @click-left="onClickLeft" />
        <van-tabs v-model:active="active">
            <van-tab title="全部">
                <!-- <div class="dv1">
                    <img class="img1" src="https://wap.lexuemiao.com/img/empty.503e5ccb.png" alt="">
                    <p class="p">暂无订单内容</p>
                </div> -->
            </van-tab>
            <van-tab title="未使用">
                <!-- <div class="dv1">
                    <img class="img1" src="https://wap.lexuemiao.com/img/empty.503e5ccb.png" alt="">
                    <p class="p">暂无订单内容</p>
                </div> -->
            </van-tab>
            <van-tab title="已使用">
                <!-- <div class="dv1">
                    <img class="img1" src="https://wap.lexuemiao.com/img/empty.503e5ccb.png" alt="">
                    <p class="p">暂无订单内容</p>
                </div> -->
            </van-tab>
            <van-tab title="已过期">
                <!-- <div class="dv1">
                    <img class="img1" src="https://wap.lexuemiao.com/img/empty.503e5ccb.png" alt="">
                    <p class="p">暂无订单内容</p>
                </div> -->
            </van-tab>

        </van-tabs>
    </div>
</template>

<style scoped>
.dv1 {
    text-align: center;
}

.img1 {
    width: 150px;
}

.p {
    font-size: 26px;
}
</style>
